<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/site.css"/>
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery-ui-1.8.17.custom.css"/>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/datetimepicker.js" type="text/javascript"></script>
    <title>{% block title %}yourSchool{% endblock %}</title>
</head>
<body>
    <header>
        <a href="/"><h1>Welcome to YourSchool</h1></a>
        <a href="/Teacher/">Teacher</a>
        <a href="/Student/">Student</a>
    </header>

    {% block content %}{% endblock %}
</body>
</html>